@charset "UTF-8";
:root {
  --main-font: "Montserrat", sans-serif; }

.js-loading *,
.js-loading *:before,
.js-loading *:after {
  -webkit-animation-play-state: paused !important;
  animation-play-state: paused !important; }

.timmy {
  background-color: #f4f4f4; }

#current {
  text-align: center;
  font-size: 1.75rem;
  margin-top: 25px;
  color: #292929; }

.inline {
  display: none; }

.container {
  width: 100%;
  margin-top: 80px;
  background-color: #cfcfcf; }

.edging img {
  border: 2px solid #ececec;
  border-style: inset; }

.my-grid-with-images {
  position: relative; }

.my-grid-with-images .img-item {
  margin-top: 20px;
  margin-left: 0;
  max-width: 100%;
  height: auto; }

/* W3 */
blockquote p {
  font-style: italic; }

body,
html {
  font-family: var(--main-font);
  font-size: 1em;
  height: 100%;
  color: #444444;
  line-height: 1.8; }

.serviceSubhead {
  text-align: center; }

h1 {
  font-family: var(--main-font);
  text-align: center;
  font-size: 1.8em;
  color: #292929; }

h2 {
  font-family: var(--main-font);
  text-align: center;
  font-size: 1.1em;
  color: #292929; }

/* Create a Parallax Effect */
.bgimg-1,
.bgimg-2,
.bgimg-3 {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover; }

/* Paralax (Logo. Full height) */
.bgimg-1 {
  background-image: url("../img/landing1.jpg");
  min-height: 100%; }

/* Paralax (Portfolio) */
.bgimg-2 {
  background-image: url("../img/landing3.jpg");
  min-height: 400px; }

/* Paralax (Services) */
.bgimg-3 {
  background-image: url("../img/landing2.jpg");
  min-height: 400px; }

.w3-wide {
  letter-spacing: 10px; }

.w3-hover-opacity {
  cursor: pointer; }

#navigation2 {
  text-align: center; }

#navigation2 li {
  display: inline;
  font-size: 1em;
  margin: 10px; }

#portfolioMenu {
  /* width: 200px; */
  text-align: center; }

.placard img {
  width: 350px; }

.placardCategory img {
  width: 350px; }

.placardByline img {
  width: 500px;
  margin-bottom: 100px; }

.footerText {
  color: white; }

.servicesHead {
  font-size: 1.5rem;
  line-height: 1.35;
  height: 75px; }

.services img {
  margin: 20px 0 20px 0;
  max-width: 450px; }

.services p {
  text-align: center; }

#quoteHolder {
  width: 80%; }

@media only screen and (max-device-width: 600px) {
  #portfolioMenu {
    width: 200px;
    text-align: left;
    /* text-align: center; */ }
  .cbp-qtrotator blockquote p span {
    display: none; }
  #quoteHolder {
    height: 650px;
    width: 100%; }
  .placardCategory img {
    width: 250px; } }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1000px) {
  .bgimg-1,
  .bgimg-2,
  .bgimg-3 {
    background-attachment: scroll;
    min-height: 400px; }
  .placard img {
    width: 200px; }
  .placardCategory img {
    width: 300px; }
  .placardByline img {
    width: 350px;
    margin-bottom: 50px; }
  #quoteHolder {
    height: 350px; }
  .services p {
    text-align: left;
    padding-bottom: 20px;
    border-bottom: 1px solid #282828; }
  .servicesHead {
    font-size: 1.5rem;
    line-height: 1.35; } }

#cbp-qtrotator {
  display: flex;
  justify-content: center; }

.cbp-qtrotator {
  width: 100%;
  min-height: 250px;
  position: relative;
  float: left;
  margin: 0;
  padding-top: 11px; }

.cbp-qtcontent {
  width: 100%;
  height: auto;
  position: absolute;
  top: 0;
  display: none; }

.cbp-qtrotator .cbp-qtcontent.current {
  display: block; }

.cbp-qtrotator blockquote {
  margin: 40px 0 0 0;
  padding: 0; }

.cbp-qtrotator blockquote p {
  font-size: 1em;
  color: #888;
  font-weight: 300;
  margin: 0.4em 0 1em; }

.cbp-qtrotator blockquote footer {
  font-size: 1em; }

.cbp-qtrotator blockquote footer:before {
  content: "― "; }

.cbp-qtrotator .cbp-qtcontent img {
  float: right;
  margin: 50px 0 0 50px; }

.cbp-qtprogress {
  position: absolute;
  background: #444444;
  height: 1px;
  width: 0%; }

.final-tiles-gallery .ftg-filters a.selected {
  background-color: #f2f2f2; }